<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>个人中心</title>

    <link href="<%=path%>/web/index/css/inc.css" rel="stylesheet" type="text/css" media="all"/>

    <!-- CSS公共部分 开始 -->
    <link href="<%=path %>/web/userinfo/css/bootstrap.min.css" rel="stylesheet">
    <link href="<%=path %>/web/userinfo/css/style.css" rel="stylesheet">
    <!-- CSS公共部分 结束 -->

    <link href="<%=path %>/web/userinfo/css/crowdfunding.css" rel="stylesheet">

</head>
<body>
<!-- top + banner 开始 -->
<div class="banner-in2">
</div>
<div class="header1">
    <div class="container1">
        <div class="logo1">
            <a href="index.html"><img src="<%=path %>/web/index/images/logo.png" alt=" "/></a>
        </div>
        <div class="top-nav1" >
            <span class="menu1"> </span>
            <ul>
                <li class="active" ><a href="${pageContext.request.contextPath}/web/index" class="scroll">首页</a></li>
                <li><a href="<%=path %>/web/information/chooseType" class="scroll">你在哪儿</a></li>
                <li><a href="<%=path %>/web/information/informationList?lostTypeId=0" class="scroll">我想回家</a></li>
                <li><a href="<%=path %>/web/blogger/blog" class="scroll">日志论坛</a></li>
                <li><a href="<%=path %>/web/task/releaseTask" class="scroll">任务列表</a></li>
                <c:if test="${empty(sessionScope.userinfo)}" var="result">
                    <li><a href="<%=path %>/web/userinfo/register" class="scroll">注册</a>|<a href="<%=path %>/web/userinfo/login" class="scroll">登录</a></li>
                </c:if>
                <c:if test="${not result}">
                    <li><a href="<%=path%>/web/userinfo/applyVolunteer" class="scroll">加入我们</a></li>
                    <c:if test="${(sessionScope.userinfo.username eq '')||(sessionScope.userinfo.username eq NULL)}" var="result">
                        <span style="color:white">欢迎<a href="<%=path %>/web/userinfo/index" style="color: white" href="">${sessionScope.userinfo.phone}</a></span>
                    </c:if>
                    <c:if test="${not result}">
                        <span style="color:white">欢迎<a href="<%=path %>/web/userinfo/index" style="color: white" href="">${sessionScope.userinfo.username}</a></span>
                    </c:if>
                    <span style="color: white">|</span>

                    <span style="color:white"><a style="color: white" href="<%=path %>/web/userinfo/logout">注销</a></span>
                    <span style="color: white">|</span>
                    <label><img style="width:30px;height: 30px" src="<%=path %>/web/uploadImages/${sessionScope.userinfo.pic}"></label>
                </c:if>
            </ul>
        </div>
        <div class="clearfix1"></div>
    </div>
</div>
<!-- top + banner 结束 -->
<!-- 核心 开始 -->
<div class="container border1 nopadding margin10">
    <div id="vertical_navigation" class="col-lg-3 background831312 nopadding" style="height:1100px">
        <div class="dead_pic"><img src="<%=path %>/web/uploadImages/${sessionScope.userinfo.pic}"><br>
            <c:if test="${(sessionScope.userinfo.username eq null)||(sessionScope.userinfo.username eq '')}" var="result">
            <span class="username">${sessionScope.userinfo.phone}</span>
            </c:if>
            <c:if test="${not result}">
                <span class="username">${sessionScope.userinfo.username}</span>
            </c:if>
        </div>
        <c:if test="${sessionScope.userinfo.volunteer eq false}" var="result">
        <div class="usertype">用户类型:普通用户<br>
            </c:if>
            <c:if test="${not result}">
            <div class="usertype">用户类型:志愿者<br>
            </c:if>
            信用积分：${sessionScope.userinfo.credit}
        <div class="menu">
            <div class="menu_title"> 我的信息 </div>
            <div class="menu_list">
                <ul class="list-unstyled">
                    <li id="listClick1" class="" onClick="listClick(1)"><img src="<%=path %>/web/userinfo/img/member_center/left_icon_1.png"> 基本信息</li>
                    <li id="listClick2" class="" onClick="listClick(2)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_2.png"> 修改头像</li>
                    <li id="listClick3" class="" onClick="listClick(3)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_2.png"> 身份认证</li>
                    <li id="listClick4" class="" onClick="listClick(4)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_3.png"> 修改密码</li>
                    <li id="listClick9" class="" onClick="listClick(9)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_5.png"> 加入志愿者</li>
                </ul>
            </div>
        </div>
        <div class="menu">
            <div class="menu_title"> 我的足迹 </div>
            <div class="menu_list">
                <ul class="list-unstyled">
                    <li id="listClick5" class="" onClick="listClick(5)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_6.png"> 我的日志</li>
                    <li id="listClick6" class="" onClick="listClick(6)"><img src="<%=path %>/web/userinfo/img/member_center/left_icon_6.png"> 我的关注</li>
                    <li id="listClick7" class="" onClick="listClick(7)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_6.png"> 寻亲启事</li>
                    <li id="listClick8" class="" onClick="listClick(8)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_6.png"> 任务管理</li>

                </ul>
            </div>
        </div>
<%--        <div class="menu">--%>
<%--            <div class="menu_title"> 我的资金管理 </div>--%>
<%--            <div class="menu_list">--%>
<%--                <ul class="list-unstyled">--%>
<%--&lt;%&ndash;                    <li id="listClick8" class="" onClick="listClick(8)"><img src="<%=path %>/web/userinfo/img/member_center/left_icon_8.png"> 我的账户</li>&ndash;%&gt;--%>
<%--                    <li id="listClick9" class="" onClick="listClick(9)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_9.png"> 投资明细查询</li>--%>
<%--                    <li id="listClick10" class="" onClick="listClick(10)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_10.png"> 申请退款</li>--%>
<%--                </ul>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--        <div class="menu">--%>
<%--            <div class="menu_title"> 我的星级和积分 </div>--%>
<%--            <div class="menu_list">--%>
<%--                <ul class="list-unstyled">--%>
<%--                    <li id="listClick11" class="" onClick="listClick(11)"><img src="<%=path %>/web/userinfo/img/member_center/left_icon_9.png"> 星级和积分介绍</li>--%>
<%--                    <li id="listClick12" class="" onClick="listClick(12)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_12.png"> 积分纪录</li>--%>
<%--                    <li id="listClick13" class="" onClick="listClick(13)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_13.png"> 积分规则</li>--%>
<%--                </ul>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--        <div class="menu">--%>
<%--            <div class="menu_title"> 我的消息 </div>--%>
<%--            <div class="menu_list">--%>
<%--                <ul class="list-unstyled">--%>
<%--                    <li id="listClick14" class="" onClick="listClick(14)"><img src="<%=path %>/web/userinfo/img/member_center/left_icon_14.png"> 发送新消息</li>--%>
<%--                    <li id="listClick15" class="" onClick="listClick(15)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_15.png"> 收件箱</li>--%>
<%--                    <li id="listClick16" class="" onClick="listClick(16)"> <img src="<%=path %>/web/userinfo/img/member_center/left_icon_16.png"> 发件箱</li>--%>
<%--                </ul>--%>
<%--            </div>--%>
<%--        </div>--%>
        </div>
    </div>
    <div class="col-lg-9">
        <iframe name="left" id="crowdfunding_iframe" src="<%=path %>/web/userinfo/homePage" frameborder="false" scrolling="no"  width="100%" height="1045" allowtransparency="true"></iframe>
    </div>
</div>
<!-- 核心 结束 -->

<!-- 版权 开始 -->

<%--<img id="back_top_jt" class="back_top" onMouseMove="float_call_me(7)" onMouseOut="float_call_me(8)" src="<%=path %>/web/userinfo/img/index/back_top_jt.png">--%>
<%--<span class="back_top_jt_span">返回顶部</span>--%>
<%--<img id="back_top_wx" class="back_top2" onMouseMove="float_call_me(5)" onMouseOut="float_call_me(6)" src="<%=path %>/web/userinfo/img/index/back_top_wx.png">--%>
<%--<span class="back_top_wx_span"><img src="img/index/bottom_QRcode.png"></span>--%>
<%--<a href="tencent://message/?uin=666666&Site=&Menu=yes"><img id="back_top_qq" class="back_top3" onMouseMove="float_call_me(3)" onMouseOut="float_call_me(4)" src="<%=path %>/web/userinfo/img/index/back_top_qq.png"></a>--%>
<%--<span class="back_top_qq_span"><font class="glyphicon glyphicon-hand-right">&nbsp;QQ咨询热线</font></span>--%>
<%--<img id="back_top_call" class="back_top4" onMouseMove="float_call_me(1)" onMouseOut="float_call_me(2)" src="<%=path %>/web/userinfo/img/index/back_top_call.png">--%>
<%--<span class="back_top_call_span"><font class="glyphicon glyphicon-phone-alt">&nbsp;***-***-****</font></span>--%>
<%--<!-- 版权 结束 -->--%>

<!-- 结束 -->
<!-- JS公共部分 开始 -->
<script src="<%=path %>/web/static/js/modules/jquery-3.3.1.min.js"></script>
<script src="<%=path %>/web/userinfo/js/crowdfunding.js"></script>

</body>
</html>